h1,h2,h3,h4,h5{
    font-weight: normal;
}
.suggest{
    span{
        color: #999;
    }
}
.page-comment{
    .comment{
        padding: 20px;
        .respond{
            p{
                a{
                    color: #00C3B6;
                }
            }
        }
        h2{
            padding: 15px 0;
            font-size: 16px;
            
            strong{
                font-size: 30px;
                color: #00C3B6;
                font-family: arial;
                font-weight: normal;
            }
        }
        ol{
            list-style: none;
            li{
               padding:0 20px;
                border-top: 1px solid #e5e5e5;
                position: relative;
                .comment-body{
                    min-height:44px;
                    .author{
                        float: left;
                        display: inline;
                        height: 44px;
                        border-radius:44px;
                        position: relative;
                    }
                    .main{
                        margin-left: 64px;
                        margin-right: 25px;
                        .meta{
                            margin-top: 10px;
                            .author-name{
                                color: #00C3B6;
                            }
                            .data{
                                color:#999;
                                margin-left: 6px;
                            }
                            .reply{
                                margin-left: 5px;
                                color: #00C3B6;
                                display: none;
                            }
                        }
                    }
                     &:hover .reply{
                       display: block;
                   }
                    .floor{
                        position: absolute;
                        right: 20px;
                        top: 0;
                        font-size: 19px;
                        font-style: italic;
                        margin-top: 33px;
                        font-family: "Open Sans", Arial, sans-serif;
                        color: #c8c8c8;
                    }
                  
                
                }
                 
               .children{
                    li{
                        padding:0 20px;
                    .author{
                        float: left;   
                        height: 44px;
                        border-radius:44px ;
                        position: relative;
                        img{
                            width: 44px;
                            height: 44px;
                            border-radius: 44px;
                        }
                    }
                    .main{
                        .meta{
                            margin-top: 5px;
                        }
                    }
                }
              }
            }
            
        }    
        .page{
            margin: 10px 0;
            nav{
                border-top: 1px solid #eee;
                padding: 30px 30px 20px;
                a{
                    display: inline-block;
                    background: #fff;
                    width: 36px;
                    height: 36px;
                    border-radius: 3px;
                    line-height: 36px;
                    text-align: center;
                    border: 1px solid rgba(0,0,0,0.1);
                    &:hover{
                        background-color: #00C3B6;
                        color: #fff;
                    }
                }
                .first{
                    i:before{
                        content: "\f053";
                    }
                }
                
                span{
                    display: inline-block;
                    width: 36px;
                    height: 36px;
                     line-height: 36px;
                     text-align: center;
                     border-radius: 3px;
                }
                .eight{
                   
                    background-color: #00C3B6;
                    color: #fff;
                }
            }
        }
    }
}
